$(function () {
  getUserInfo();
  const layer = layui.layer

  // 点击按钮，实现退出功能
  $('#btnLogout').on('click', function() {
    // 提示用户是否确认退出
    layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function(index) {
      //do something
      // 1. 清空本地存储中的 token
      localStorage.removeItem('token');
      // 2. 重新跳转到登录页面
      location.href = '/login.html';

      // 关闭 confirm 询问框
      layer.close(index)
    })
  })
})

function renderAvatar(user) {
  const username = user.nickname || user.username;
  $('#welcome').html(`欢迎 ${username}`);

  if (user.user_pic) {
    // 渲染图片
    $('.layui-nav-img').attr('src', user.user_pic).show();
    $('.text-avatar').hide();
  } else {
    // 文本头像
    $('.layui-nav-img').hide();
    const firstName = username[0].toUpperCase();
    $('.text-avatar').html(firstName);
  }
}

function getUserInfo() {
  $.ajax({
    url: '/my/userinfo',
    method: 'GET',
    // headers:
    success(res) {
      if (res.status !== 0) {
        return layer.msg(res.message);
      }
      renderAvatar(res.data);
    }
    // 不论成功还是失败，最终都会调用 complete 回调函数
  })
}
